<template>
	<swiperitem>
		<swiper-item v-for="(item,index) in banner" v-bind:key="index">
			<navigator :url="item.link" class="swiper-item">
				<image :src="item.image"></image>
			</navigator>
		</swiper-item>
	</swiperitem>
</template>

<script>
	import swiperitem from '../../../components/common/swiper_design/public_swiper.vue'
	export default {
		components:{
			swiperitem
		},
		props:{
			banner:{
				type:Array,
				default:function(){
					return []
				}
			}
		},
		data() {
			return {
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500			
			}
		},
		methods: {
			
		}

	}
</script>

<style scoped>
	.swiper-item {
		display: block;
		height: 440rpx;
		line-height: 440rpx;
		overflow: hidden;
	}
	image{
		width: 100%;
		height: 100%;
	}
</style>
